<script>
import { useUserStore } from "../stores/user";
import { mapStores } from "pinia";
export default {

  computed: {
    ...mapStores(useUserStore),
  },
  props:["visible"],
  created() {
    this.show = this.visible;
  },
  data() {
    return {
      user: {
        nickname: null,
        userName: null,
        joinDate: null,
        level: "普通用户",
        studentId: null,
        realName: null,
        phone: null,
        email: null,
      },
      show:false
    };
  },
  computed: {
    showDrawer() {
      return this.visible
    }
  },
};
</script>

<template>
  <el-drawer v-model="this.show" :show-close="false" size="40%" :with-header=false>
    This is drawer content.
  </el-drawer>
</template>

<style scoped></style>
